﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Latest Normalize CSS -->
		<link rel="stylesheet" href="@Url.Content("~/css/normalize.css")">
		<!-- Latest Normalize CSS -->
		<link rel="stylesheet" href="@Url.Content("~/css/styles.css")">
		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="@Url.Content("~/css/bootstrap.min.css")">
        <!-- bxSlider CSS file -->
		<link rel="stylesheet" href="@Url.Content("~/css/jquery.bxslider.css")">
        <title>Sarahi&amp;Ruben</title>
</head>

<body>
	<div class="container">
		<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
          		</button>
          		<a class="navbar-brand" href="#" class="scroll-link" data-id="nuestraHistoria"><img src="@Url.Content("~/img/logo.png")" class="logo img-responsive" alt="Responsive image"></a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active">
						<img class="imgMenu float_left img-responsive" style="margin-left: 20%;" src="@Url.Content("~/img/home.png")">
						<a href="#" class="scroll-link" data-id="nuestraHistoria">Inicio</a>
					</li>
					<li>
						<img class="imgMenu img-responsive" src="@Url.Content("~/img/ourstory.png")">
						<a href="#" class="scroll-link" data-id="nuestraHistoria">Nuestra Historia</a>
					</li>
					<li>
						<img class="imgMenu img-responsive" src="@Url.Content("~/img/marryme.png")">
						<a href="#" class="scroll-link" data-id="theproposal">The Proposal</a>
					</li>
					<!--<li>
						<img class="imgMenu img-responsive" src="@Url.Content("~/img/multimedia.png")">
						<a href="#" class="scroll-link" data-id="theproposal">Multimedia</a>
					</li>-->
					<li>
						<img class="imgMenu img-responsive" src="@Url.Content("~/img/regalos.png")">
						<a href="#" class="scroll-link" data-id="regalos">Regalos</a>
					</li>
					<li>
						<img class="imgMenu img-responsive" src="@Url.Content("~/img/party.png")">
						<a href="#" class="scroll-link" data-id="cuandonde">Cu&aacute;ndo&D&oacute;nde</a>
					</li>
					<li>
						<img class="imgMenu img-responsive" src="@Url.Content("~/img/hotel23.png")">
						<a href="#" class="scroll-link" data-id="hospedaje">Hospedaje y otros</a>
					</li>
				</ul>
			</div><!--/.nav-collapse -->
		</div>
		<div class="navbar-decor">
		</div>
		<div class="container margin_T75px story">
			<div id="nuestraHistoria" class="row">
				<div class="col-xs-6 col-md-6">
					<img src="@Url.Content("~/img/rubs.png")" class="img-responsive" style="margin:0 auto;">
					<div class="row left_col">
						<div class="col-xs-12 col-md-12" id="r_story1">
							<span class="s1">Naci&oacute; el 27 de Julio de 1988</span>
							<br>
							<span class="s2">Monterrey, Nuevo Le&oacute;n</span>
							<br>
							  <span class="s3">766 km lejos de Sarahi</span>
							  <br><img src="@Url.Content("~/img/house28.png")" class="img-responsive" style="margin:0 auto;">
						 </div>
						 <div class="col-xs-12 col-md-12" id="r_story2">
							<span class="s1">2012</span>
							<br>
							  <span class="s2">Empieza a trabajar en HLC en Guadalajara</span>
							<br>
							  <span class="s3">1,102 km lejos de Sarahi</span>
						</div>
						<div class="col-xs-12 col-md-12" id="r_story3">
							<span class="s1">2013</span>
							<br>
							<span class="s2">Crea un sitio de donas</span>
							<br>
							<span class="s3">0 km lejos de Sarahi</span>
							<br><img src="@Url.Content("~/img/donuts1.png")" class="img-responsive" style="margin:0 auto;">
						</div>
						<div class="col-xs-12 col-md-12" id="r_story4">
							<span class="s1">2013</span>
							<br>
							<span class="s2">Rub&eacute;n invita a Sarahi</span>
							<br>
							<span class="s2">a ver Duro de Matar 4</span>
							<br>
							<span class="s3">0 km lejos de Rub&eacute;n</span>
						</div>
					</div><!--row left_col-->
				</div><!--Ruben col-->
				<div class="col-xs-6 col-md-6">
					<img src="@Url.Content("~/img/saris.png")" class="img-responsive" style="margin:0 auto;">
					<div class="row right_col">
						<div class="col-xs-12 col-md-12" id="s_story1">
							<span class="s1">Naci&oacute; el 12 de Octubre de 1989</span>
							<br>
							<span class="s2">Chihuahua, Chihuahua</span>
							<br>
							<span class="s3">766 km lejos de Rub&eacute;n</span>
							  <br><img src="@Url.Content("~/img/house29.png")" class="img-responsive" style="margin:0 auto;">
						</div>
						<div class="col-xs-12 col-md-12" id="s_story2">
							<span class="s1">2012</span>
							<br>
							<span class="s2">Trabaja en Foxcon en Chihuahua</span>
							<br>
							<span class="s3">1,102 km lejos de Rub&eacute;n</span>
						</div>
						<div class="col-xs-12 col-md-12" id="s_story3">
							<span class="s1">2013</span>
							<br>
							<span class="s2">Empieza a trabajar en HCL</span>
							<br>
							<span class="s3">0 km lejos de Rub&eacute;n</span>
							<br><img src="@Url.Content("~/img/donut3.png")" class="img-responsive" style="margin:0 auto;">
						</div>
						<div class="col-xs-12 col-md-12" id="s_story4">
							<span class="s1">2013</span>
							<br>
							<span class="s2">Sarahi acepta invitaci&oacute;n</span>
							<br>
							<span class="s2">a salir de Rub&eacute;n</span>
							<br>
							<span class="s3">0 km lejos de Rub&eacute;n</span>
						</div>
					</div><!--row right_col-->
				</div><!--Sarahi col-->
			</div><!--row-->
			<div class="row">
				<div class="col-xs-3 col-md-3"></div>
				<div class="col-xs-6 col-md-6">
					<div class="center-block"><p class="h1_txt">Y tiempo despu&eacute;s </p></div>
				</div>
				<div class="col-xs-3 col-md-3"></div>
			</div>
			<div class="row">
				<div class="col-xs-3 col-md-3"></div>
				<div class="col-xs-6 col-md-6">
					<div class="center-block"><img src="@Url.Content("~/img/couple3.png")" alt="" class="img-responsive" style="margin: 0 auto;">
					<img src="@Url.Content("~/img/tira.png")" alt="" class="img-rounded img-responsive" style="margin: 0 auto;"></div>
				</div>
				<div class="col-xs-3 col-md-3"></div>
			</div>
			<div class="row">
				<div class="col-xs-3 col-md-3"></div>
				<div class="col-xs-6 col-md-6">
					<p class="h1_txt">Y luego... <span class="blue_hash">#BOOM</span></p>
				</div>
				<div class="col-xs-3 col-md-3"></div>
			</div>
			<div id="theproposal" class="row">
				<div class="col-xs-4 col-md-4"></div>
				<div class="col-xs-5 col-md-5">
					<div class="center-block"><img src="@Url.Content("~/img/ring12.png")" alt=""  class="img-rounded img-responsive"></div>
				</div>
				<div class="col-xs-3 col-md-2">
				</div>
			</div>
			<div class="row">
				<div class="col-xs-3 col-md-3"></div>
				<div class="col-xs-6 col-md-6">
					<div class="center-block" style="margin-left: 13%;">
						<ul class="bxslider">
							<li><iframe width="570" height="315" src="http://www.youtube.com/embed/O1VzLXklLos" frameborder="0" allowfullscreen></iframe></li>
							<li><iframe width="570" height="315" src="http://www.youtube.com/embed/gbxXfs44I_w" frameborder="0" allowfullscreen></iframe></li>
							<li><iframe width="570" height="315" src="http://www.youtube.com/embed/BELIItfyZZM" frameborder="0" allowfullscreen></iframe></li>
						</ul>
						<p class="small_txt">Da clic en los puntos para ver más videos.</p>
					</div>
				</div>
				<div class="col-xs-3 col-md-3"></div>
			</div>
		</div>
	</div>
	<div id="regalos" class="body-decor">
	</div>
	<div class="green_bg" style="width: 100%">
		<div class="container">
			<div class="container margin_T75px story">
				<div class="row">
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-6 col-md-6">
						<div class="center-block">
							<p class="h3_txt">T&uacute; puedes ayudarnos a empezar nuestra nueva vida juntos.</p>
						</div>
						<div class="center-block">
							<img src="@Url.Content("~/img/couple.png")" alt="" class="img-responsive" style="margin:0 auto;">
						</div>
					</div>
					<div class="col-xs-3 col-md-3"></div>
				</div>
				<div class="row margin_T35px">
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-3 col-md-3">
						<div class="small_box">
							<div class="center-block">
								<img src="@Url.Content("~/img/logo_mesa_regalos.png")" alt="" class="img-responsive">
								<p class="margin_T15px"><span class="h4_txt">N&uacute;mero de evento:</span> #31693923</p>
								<p></p>
							</div>
						</div>
					</div>
					<div class="col-xs-3 col-md-3">
						<div class="small_box">
							<img src="@Url.Content("~/img/palaciodehierro.png")" alt="" class="img-responsive">
							<p class="margin_T15px"><span class="h4_txt">N&uacute;mero de evento:</span> #263508</p>
						</div>
					</div>
					<div class="col-xs-3 col-md-3"></div>
				</div>
				<div class="row margin_T35px">
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-3 col-md-3">
						<div class="small_box">
							<p class="h4_txt">Donativo Paypal</p>
							<p>Si quieres apoyarnos con alguna cantidad de dinero, ya puedes hacerlo através de Paypal. &iexcl;Es f&aacute;cil, r&aacute;pido y s&uacute;per seguro!</p>
							<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" class="margin_T15px">
								<input type="hidden" name="cmd" value="_s-xclick">
								<input type="hidden" name="hosted_button_id" value="2T86E659F4E9U">
								<input type="image" src="https://www.paypalobjects.com/es_XC/MX/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal, la forma más segura y rápida de pagar en línea.">
								<img alt="" border="0" src="https://www.paypalobjects.com/es_XC/i/scr/pixel.gif" width="1" height="1">
							</form>
						</div>
					</div>
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-3 col-md-3"></div>
				</div><!--END row margin_T35px -- PAYPAL-->
				<div id="cuandonde" class="row"><!-- Divisor-->
					<div class="col-xs-12 col-md-12">
						<div class="margin_T35px">
							<img src="@Url.Content("~/img/floral36.png")" alt="" class="img-responsive" style="margin:0 auto;">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-6 col-md-6">
						<p class="h3_txt">Cu&aacute;ndo & D&oacute;nde</p>
					</div>
					<div class="col-xs-3 col-md-3"></div>
				</div>
				<div class="row">
					<div class="col-xs-6 col-md-6">
						<div class="mint_box">
							<iframe width="520" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="https://maps.google.com.mx/maps/ms?msa=0&amp;msid=208730409631057634646.0004f8b2c9630269b2a42&amp;ie=UTF8&amp;t=m&amp;ll=28.61289,-106.022444&amp;spn=0.020282,0.015536&amp;output=embed"></iframe><br /><small>Ver <a href="https://maps.google.com.mx/maps/ms?msa=0&amp;msid=208730409631057634646.0004f8b2c9630269b2a42&amp;ie=UTF8&amp;t=m&amp;ll=28.61289,-106.022444&amp;spn=0.020282,0.015536&amp;source=embed" style="color:#0000FF;text-align:left">Recepción</a> en un mapa ampliado.</small><br>
							<p>Celebra con nosotros en la Hacienda Yairubi, a las 7:00PM. </p>
							<p>Para los que son de fuera, hemos trazado una ruta de cómo llegar desde el hotel más cercano :)</p>
						</div>
					</div>
					<div class="col-xs-1 col-md-6">
						<div class="row mint_box">
									<div class="col-xs-12 col-md-12">
										<div class="row">
											<div class="col-xs-12 col-md-12"><p class="yellow_header">Haz con nosotros el alb&uacute;m de la boda!</p></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-md-6">
												<p>Descarga la aplicaci&oacute;n de <a href="https://www.wedpics.com/" target="_blank">WedPics</a> y sube ah&iacute; todas las fotos y videos que tomes durante la boda, esto nos ayudara a tener todas los recuerdos de nuestra boda en un solo alb&uacute;m.</p>
												<p>Adem&aacute;s desde la aplicaci&oacute;n puedes compartirlas a Facebook, Instagram y Twitter.</p>
												<p>Gratis.</p>
												<p>Disponible iOS&reg; y Android&reg;</p>
												<div class="row">
													<div class="col-xs-1 col-md-1"></div>
													<div class="col-xs-4 col-md-4">
														<a href="https://itunes.apple.com/mx/app/wedpics-wedding-photo-app/id549402355?mt=8&uo=4" target="itunes_store"><img src="@Url.Content("~/img/ios.png")" alt="WedPics - Wedding Photo App - deja Mi" class="img-rounded img-responsive"></a>
													</div>
													<div class="col-xs-4 col-md-4">
														<a href="https://play.google.com/store/apps/details?id=com.dejami.WedPics&hl=es" target="_blank"><img src="@Url.Content("~/img/android1.png")" alt="" class="img-rounded img-responsive float_left"></a>
													</div>
													<div class="col-xs-3 col-md-3"></div>
												</div><!-- iPhone/Android-->
											</div>
											<div class="col-xs-6 col-md-6" style="margin-top:8%;">
												<img src="@Url.Content("~/img/wedpics_bg.png")" alt="" class="img-rounded img-responsive center-block">
											</div>
										</div>
										<div class="row">
											<div class="col-xs-12 col-md-12"><br><small>(Da clic en la imagen para descargar la App)</small></div>
										</div>
									</div>
								</div>
					</div>
				</div>
				<div id="hospedaje" class="row"><!-- Divisor-->
					<div class="col-xs-12 col-md-12">
						<div class="margin_T35px">
							<img src="@Url.Content("~/img/floral65.png")" alt="" class="img-responsive" style="margin:0 auto;">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-6 col-md-6">
						<p class="h3_txt">Hospedaje y otros</p>
					</div>
					<div class="col-xs-3 col-md-3"></div>
				</div>
				<div class="row">
					<div class="col-xs-3 col-md-3"></div>
					<div class="col-xs-2 col-md-6">
						<img src="@Url.Content("~/img/comment9.png")" alt="" class="img-rounded img-responsive">
					</div>
<!--					<div class="col-xs-4 col-md-4">
						<p class="h4_txt"><a href="http://book.bestwestern.com/bestwestern/MX/Chihuahua-hotels/BEST-WESTERN-Cumbres-Aeropuerto/Hotel-Overview.do?propertyCode=70189&group=false&srcPage=SelectHotel&isMapOpen=false&selectedHotels=" target="_blank">Best Western Cumbres Aeropuerto</a></p>
						<p>Vialidad CH-P 8800, Mármol Viejo, 31063</p>
						<p>Chihuahua, CHIH.</p>
						<p>01 614 420 9000</p>
					</div>-->
					<div class="col-xs-3 col-md-3"></div>
				</div>
			</div>
		</div>
	</div>
	<footer>
	<br><br>
	</footer>
	<br><br>
	</footer>
	<!-- Latest compiled and minified jQuery -->
	<script src="@Url.Content("~/js/jquery-2.1.0.min.js")"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="@Url.Content("~/js/bootstrap.min.js")"></script>
    <!-- bxSlider Javascript file -->
	<script src="@Url.Content("~/js/jquery.bxslider.min.js")"></script>
	<!-- bxSlider Javascript file -->
	<script src="@Url.Content("~/js/main.js")"></script>
</body>
</html>
